<!--<div class="panel-heading" ng-app="filterCont">-->
    <!--<div class="panel-title">内容</div>-->
    <!--<h1>数据的循环</h1>-->
    <!--<div>-->
        <!--<input type="text" ng-model="nameText" placeholder="请输入过滤信息:"/>-->
        <!--&lt;!&ndash;<ul>&ndash;&gt;-->
            <!--&lt;!&ndash;<li ng-repeat="info in names | filter:nameText">&ndash;&gt;-->
                <!--&lt;!&ndash;{{$index +1}}.今年{{info.name}}已经{{info.age}}岁了!&ndash;&gt;-->
                <!--&lt;!&ndash;{{$first}}-{{$middle}}-{{$last}}-{{$even}}-{{$odd}}&ndash;&gt;-->
            <!--&lt;!&ndash;</li>&ndash;&gt;-->
        <!--&lt;!&ndash;</ul>&ndash;&gt;-->
    <!--</div>-->
<!--</div>-->
<div ng-controller="ctl">
    Search:<input ng-model="query">
    Sort by:<select ng-model="order">
    <option value="name">name</option>
    <option value="age">age</option>
</select>

    <ul class="persons">
        <li ng-repeat="person in persons | filter:query | orderBy:order">
            {{person.name}}

            {{person.age}}
        </li>
    </ul>
</div>
<script type="text/javascript">
    function ctl($scope){
        $scope.persons = [
            {"name":"xingoo","age":25},
            {"name":"zhangsan","age":18},
            {"name":"lisi","age":20},
            {"name":"wangwu","age":30}
        ];
        $scope.order = "age";
    }
</script>
